<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<div class="wrapper" style="width:1000px">
	<!--  <h1><a href="index.html" id="logo"></a></h1>-->
	<%!public String generateLi(int index, String requestParam) {
		if (requestParam != null) {
			try {
				if (Integer.valueOf(requestParam).intValue() == index) {
					return "id=menu_active";
				}
			} catch (NumberFormatException e) {
				//do nothing
			}
		}
		return "";
	};%>
	<nav>
		<ul id="menu" style="width:1000px;background-size:1000px 93px"> 
			<li class="first" <%=generateLi(0, request.getParameter("id"))%>><a
				href="main.jsp?id=0">Accueil</a></li>
			<li <%=generateLi(1, request.getParameter("id"))%>><a
				href="lieu.jsp?id=1">Lieu du mariage</a></li>
			<li <%=generateLi(2, request.getParameter("id"))%>><a
				href="programme.jsp?id=2">Programme</a></li>
			<li <%=generateLi(3, request.getParameter("id"))%>><a
				href="hebergement.jsp?id=3">Hébergement </a></li>
			<li <%=generateLi(4, request.getParameter("id"))%>><a
				href="contacter.jsp?id=4">Invités</a></li>
			<li <%=generateLi(5, request.getParameter("id"))%>><a
				href="loaderlistemariage">Liste de mariage</a></li>
		</ul>
	</nav>
	
	<script type="text/javascript"
		src="../js/popup/pirobox_extended_feb_2011.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$.piroBox_ext({
				piro_speed : 700,
				bg_alpha : 0.5,
				piro_scroll : true,
				piro_drag : false,
				piro_nav_pos : 'bottom'
			});
		});
	</script>
</div>